<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--margin：0 auto；居中
        要求：块元素，块元素有固定的宽度
    -->
    <style>
        /*div{*/
        /*width: 100px;*/
        /*height: 100px;*/
        /*border: 10px solid crimson;*/
        /*box-shadow: 10px 10px 1px yellow;*/
        /*}*/

        img{
            border-radius: 50px;
            box-shadow: 20px 20px 20px yellow;
        }
    </style>

</head>
<body>

<div style="width: 500px; height: 1000px">
    <div style="margin: 0 auto">
        <img src="../image/header.jpg" alt="">
    </div>
</div>

</body>
</html>